<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:fragment="head">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="UTF-8">
<style>
    body {
        font-family: Arial, sans-serif;
        margin: 0;
        padding: 0;
        background-color: #f8f9fa;
    }
    .navbar {
        background-color: #343a40;
        color: #ffffff;
        padding: 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        overflow-x: auto;
        white-space: nowrap;
    }

    .navbar a {
        color: #ffffff;
        text-decoration: none;
        padding: 15px 15px;
        border-radius: 4px;
    }

    .navbar a:hover {
        background-color: #495057;
    }

    .active {
        background-color: #495057; /* 设置选中菜单项的背景颜色 */
        color: #ffffff; /* 设置选中菜单项的文本颜色 */
    }

    .container {
        width: 80%;
        margin: 20px auto;
        padding: 20px;
        background-color: #ffffff;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        border-radius: 8px;
    }

    table{
        width: 100%;
        border-collapse: collapse;
        margin-top: 20px;
    }

    table th{
        background-color: #7FC6A6;
        color: #fff;
    }

    table td,
    table th{
        border: 1px solid #ddd;
        padding: 10px;
        text-align: center;
    }

    .button {
        display: inline-block;
        padding: 10px 20px;
        color: #ffffff;
        background-color: #7fc6a6;
        text-decoration: none;
        border-radius: 4px;
        margin-right: 10px;
        cursor: pointer;
    }

</style>
</head>
<body>

<div class="navbar" th:fragment="bar">
    <div class="navbar-menu nav-left">
        <a th:class="${currentMenu == 'user'} ? 'active' : ''" href="/user/list">用户</a>
        <a th:class="${currentMenu == 'class'} ? 'active' : ''" href="/klass/list">班级</a>
    </div>
</div>


</body>
</html>
